import styled from "styled-components";
import style from "../../assets/global-style";

export const SliderContainer = styled.div`
  position: relative;
  &::before {
    content: "";
    display: block;
    position: absolute;
    top: -300px;
    left: 0;
    width: 100vw;
    height: 400px;
    background: ${style["theme-color"]};
  }
  .swiper-img {
    width: calc(100vw - 20px);
    border-radius: 4px;
    margin: 10px;
    margin-bottom: 0;
  }
`;
